<!DOCTYPE html>
<html lang="en">
<head>
  <title>EasyPassword</title>
<link rel="icon" type="image/x-icon" href="pass_logo.png">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<style>* {
    margin: 0;
    padding: 0
}

body {
    background-color: #000
}

.card {
    width: 750px;
    background-color: #efefef;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}

.image img {
    transition: all 0.5s
}

.card:hover .image img {
    transform: scale(1.5)
}

.btn {
    height: 140px;
    width: 140px;
    border-radius: 50%
}

.name {
    font-size: 22px;
    font-weight: bold
}

.idd {
    font-size: 14px;
    font-weight: 600
}

.idd1 {
    font-size: 12px
}

.number {
    font-size: 22px;
    font-weight: bold
}

.follow {
    font-size: 12px;
    font-weight: 500;
    color: #444444
}

.btn1 {
    height: 40px;
    width: 150px;
    border: none;
    background-color: #000;
    color: #aeaeae;
    font-size: 15px
}

.text span {
    font-size: 13px;
    color: #545454;
    font-weight: 500
}

.icons i {
    font-size: 19px
}

hr .new1 {
    border: 1px solid
}

.join {
    font-size: 14px;
    color: #a0a0a0;
    font-weight: bold
}

.date {
    background-color: #ccc
}</style>
</head>
<body>
<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
   <div class="card p-4">
      <div class=" image d-flex flex-column justify-content-center align-items-center">
         <button class="btn btn-secondary"> <img src="pass_logo.png" height="100" width="100" /></button>
		<span class="name mt-3">EasyPassword</span> <span class="idd">jobpassion@gmail.com</span>
         <!--div class="d-flex flex-row justify-content-center align-items-center mt-3"> <span class="number">1069 <span class="follow">Followers</span></span> </div>
         <div class=" d-flex mt-2"> <button class="btn1 btn-dark">Edit Profile</button> </div-->
         <div class="text mt-3"> <span>
             If your have any question about using of app, Please email to jobpassion@gmail.com. <br><br>
             <a href="https://www.apple.com/legal/internet-services/itunes/dev/stdeula/"><h2>Licensed application end user license agreement</h2></a><br><br>
             <a href="privacy.html"><h2>Privacy policy</h2></a>
             <br><br>EasyPassword use Github as password repository. Github is one of the most popular security repository of the world. <br><br>User created own account at the Github. Easypassword use the official OAuth2.0 which Github provided, to authorize to EasyPassword. <br><br>All password data stored in user own private repository of Github. All password data never upload to developer server. <br><br>Avoid all possibility and risk of leak data.</span> </div>
         <!--div class="gap-3 mt-3 icons d-flex flex-row justify-content-center align-items-center"> <span><i class="fa fa-twitter"></i></span> <span><i class="fa fa-facebook-f"></i></span> <span><i class="fa fa-instagram"></i></span> <span><i class="fa fa-linkedin"></i></span> </div-->
         <div class=" px-2 rounded mt-4 date "> <span class="join">Created March,2023</span> </div>
      </div>
   </div>
</div>
</body>
</html>
